<div class="block-center mt-xl wd-xxxl">
    <!-- START panel-->
    <div class="panel panel-dark panel-flat">
        <div class="panel-heading text-center">
            <!--<a href="#">
                <img src="app/img/logo.png" alt="Image" class="block-center img-rounded"/>
            </a>-->
        </div>
        <div class="panel-body">
            <p class="text-center pv"><b>用户注册</b></p>

            <form role="form" name="registerForm" novalidate="" ng-submit="" class="form-validate form-horizontal mb-lg">

                <div class="form-group has-feedback">
                    <label class="col-lg-3 control-label">邮箱：</label>
                    <div class="col-lg-9">
                        <input type="email" name="account_email" placeholder="输入邮箱地址" autocomplete="off"
                               ng-model="account.email" required="" class="form-control"/>
                        <span class="fa fa-envelope form-control-feedback text-muted"></span>
                    <span ng-show="registerForm.account_email.$dirty &amp;&amp; registerForm.account_email.$error.required"
                          class="text-danger">This field is required</span>
                    <span ng-show="registerForm.account_email.$dirty &amp;&amp; registerForm.account_email.$error.email"
                          class="text-danger">This field must be a valid email address</span>
                    </div>
                </div>

                <div class="form-group has-feedback">
                    <label class="col-lg-3 control-label">密码：</label>
                    <div class="col-lg-9">
                        <input id="id-password" type="password" name="account_password" ng-model="account.password"
                               ng-pattern="/^[a-zA-Z0-9]{6,10}$/" required="" class="form-control"/>
                        <span class="fa fa-lock form-control-feedback text-muted"></span>
                    <span ng-show="registerForm.account_password.$dirty &amp;&amp; registerForm.account_password.$error.required"
                          class="text-danger">This field is required</span>
                    <span ng-show="registerForm.account_password.$dirty &amp;&amp; registerForm.account_password.$error.pattern"
                          class="text-danger">Input should match 'a-zA-Z0-9' and 6-10 length</span>
                    </div>
                </div>

                <div class="form-group has-feedback">
                    <label class="col-lg-3 control-label">密码确认：</label>
                    <div class="col-lg-9">
                        <input type="password" name="account_password_confirm" ng-model="account.account_password_confirm"
                               ui-validate="'$value==account.password'" ui-validate-watch="'password'"
                               class="form-control"/>
                        <span class="fa fa-lock form-control-feedback text-muted"></span>
                    <span ng-show="registerForm.account_password_confirm.$dirty &amp;&amp; registerForm.account_password_confirm.$error.validator"
                          class="text-danger">Password does Not match</span>
                    </div>
                </div>

                <div class="form-group has-feedback">
                    <label class="col-lg-3 control-label">手机号码：</label>
                    <div class="col-lg-9">
                        <input type="text" name="account_phone" placeholder="输入手机号" autocomplete="off"
                               ng-model="account.phone" required="" class="form-control"/>
                        <span class="fa fa-envelope form-control-feedback text-muted icon-call-end"></span>
                    </div>
                </div>

                <div class="form-group clearfix">
                    <div class="col-lg-3 control-label"></div>
                    <div class="col-lg-9">
                        <div class="checkbox c-checkbox pull-left mt0">
                            <label>
                                <input type="checkbox" required="" name="account_agreed" ng-model="account.agreed"/>
                                <span class="fa fa-check"></span>我同意<a href="#">条款</a>
                            </label>
                        </div>
                    </div>
                </div>

                <div ng-show="registerForm.account_agreed.$dirty &amp;&amp; registerForm.account_agreed.$error.required"
                     class="text-danger text-center">必须同意条款
                </div>

                <div class="form-group clearfix">
                    <div class="col-lg-3 control-label"></div>
                    <div class="col-lg-6">
                        <button type="button" ng-click="register()" class="btn btn-block btn-primary mt-lg">创建账号</button>
                    </div>
                </div>
            </form>

            <div ng-show="authMsg" class="text-danger text-center">{{authMsg}}</div>
            <p class="pt-lg text-center">已有账户，&nbsp;&nbsp; <a ui-sref="page.login" class="">点击登录</a></p>
        </div>
    </div>

    <!-- END panel-->
    <div class="p-lg text-center">
        <span>&copy;</span>
        <span ng-bind="app.year"></span>
        <span>-</span>
        <span ng-bind="app.name"></span>
        <br/>
        <span ng-bind="app.description"></span>
    </div>
    <toaster-container toaster-options="{'position-class': 'toast-bottom-right', 'close-button':true}"></toaster-container>
</div>